<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>jquery响应式弹出层图片画廊插件|DEMO_jQuery之家-自由分享jQuery、html5、css3的插件库</title>
	<link rel="stylesheet" type="text/css" href="css/htmleaf-demo.css">
	<link href="http://cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
	<link rel="stylesheet" href="css/tekitizy.css">
	<style type="text/css">
		.post{
			width: 700px;
			margin: 0 auto;
		}
		.post img {
		    max-width: 640px;
		    max-height: 480px;
		    clear: both;
		    border: 1px solid #E0E0E0;
		    padding: 10px;
		    display: block;
		  }
		  p {
		    max-width: 40em;
				max-height: 1em;
		  }
	</style>
</head>
<body>
	<div class="htmleaf-container">
		<div class="post">
		  
		  <p><img src="images/La-Linea-Roja-11.jpg" alt="La Linea 11"  ></p>
		  <p><img src="images/La-Linea-Roja-12.jpg" alt="La Linea 12" style="display: none"></a></p>
			<p><img src="images/La-Linea-Roja-12.jpg" alt="La Linea 12" style="display: none"></a></p>
			<p><img src="images/2.jpg" alt="第一张" style="display: none"> </p>
		</div>
	</div>
	
	<script src="http://cdn.bootcss.com/jquery/1.11.0/jquery.min.js" type="text/javascript"></script>
	<!--<script>window.jQuery || document.write('<script src="js/jquery-1.11.0.min.js"><\/script>')</script>-->
	<script src="js/tekitizy.js"></script>
	<script type="text/javascript">
		Tekitizy.setup($, '.post img', {
		  prevNext: 'true',//弹出层出现时的左右按钮
		  play: 'true',//弹出层出现时点击开关
		  autoPlay: 'true',//弹出层出现时自动切换
		  imageDuration: 5, //自动轮播的时间 单位秒
		  effect: 'true',//轮播图滚动效果显示与隐藏
		  thumbnails: 'true'//轮播图下面的小图片的显示与隐藏
		  })
	</script>
</body>
</html>